<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网上购物系统</title>
    <link rel="shortcut icon" href="../images/favicon.ico" type="x-icon">
    <link rel="stylesheet" href="../styles/bootstrap.min.css">
    <link rel="stylesheet" href="../styles/reset.css">
    <link rel="stylesheet" href="../styles/main.css">
   <link rel="stylesheet" href="../plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <style>
        #touxiang{
            width: 50px;
            height: 50px;

            /* 设置边框为圆形 */
            border-radius: 50%;
        }
        #btn2{
            float: right;
        }
        #name{
            color: white;
        }
    </style>
    <!--[if lt IE 9] >
       <!--  html5shiv.js 实现html语义化标签的支持  -->
    <script src="../scripts/html5shiv.js"></script>
    <!--respond.js实现响应式布局的支持，包括媒体查询等-->
    <script src="../scripts/respond.min.js"></script>
    <!-- [endif] -->
</head>
<body>

<!--======================================工具栏=======================================-->
    <!-- 导航 -->
    <div class="container-fluid">
        <div class="row">
        <nav class="navbar navbar-inverse" role="navigation">
            <div class="container-fluid"> 
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target="#example-navbar-collapse">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">衣二三</a>
            </div>       
            <div class="collapse navbar-collapse" id="example-navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#"><span class="glyphicon glyphicon-home"></span>首页</a></li>
                    <li><a href="#" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-lock"></span>登陆</a></li>
                    <li><a href="#" data-toggle="modal" data-target="#myModal1"><span class="glyphicon glyphicon-check"></span>注册</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-user"></span>个人中心</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span>我的购物车</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon glyphicon-folder-open"></span>收藏</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-off"></span>安全退出</a></li> 
                    
                    <!-- 在用框架的使用，任何一个标签都会存在一些样式 -->
                    <li><img src="../image/头像.png" id="touxiang"></li>
                </ul>
            </div>
            </div>
        </nav>
        </div>
    </div>
    <!-- 导航end -->

<!--======================================logo区=======================================-->


<!--=======================================购物车开始====================================-->
<section class="carts">
        <div class="container">
            <div class="title clearfix">
                <h3>我的购物车</h3>
                <span>已选商品(不含运费)：<strong>￥69.00</strong> <a href="javascript: void (0)">结算</a></span>
            </div>
            <div class="cart-box clearfix">
                <table class="col-xs-12 clearfix">
                    <tr class="no-h">
                        <td class="len-lg">选择</td>
                        <td class="len-sm no-see">颜色</td>
                        <td class="len-sm no-see">尺码</td>
                        <td class="len-sm">数量</td>
                        <td class="len-sm">金额(元)</td>
                        <td class="len-sm">操作</td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                            <img src="../image/chair.jpg" alt="">
                            <span class="img_title"><a href="javascript: void (0)">家用电脑椅卧室电竞沙发靠椅</a></span>
                        </td>
                        <td class="no-see">
                            <!-- <p><del>88.00</del></p> -->
                            <p>浅粉</p>
                        </td>
                        <td class="no-see">
                            <p>长 60mm</p>
                            <p>宽 40mm</p>
                            <!-- <p class="discount"><span> &nbsp;3.6折&nbsp; </span></p> -->
                        </td>
                        <td>
                            <input type="number" value="1">
                        </td>
                        <td>
                            <p><strong>32.00</strong></p>
                        </td>
                        <td>
                            <a class="close-bg" href="javascript: void (0)">&times;</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                            <img src="../image/女1.jpg" alt="">
                            <span><a href="javascript: void (0)">密齿发梳专用梳子儿童小女孩宝宝分发线梳子</a></span>
                        </td>
                        <td class="no-see">
                            <!-- <p><del>52.00</del></p> -->
                            <p>绿色</p>
                        </td>
                        <td class="no-see">
                            <p>均码</p>
                            <!-- <p class="discount"><span> &nbsp;4.2折&nbsp; </span></p> -->
                        </td>
                        <td>
                            <input type="number" value="1">
                        </td>
                        <td>
                            <p><strong>32.00</strong></p>
                        </td>
                        <td>
                            <a class="close-bg" href="javascript: void (0)">&times;</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                            <img src="../image/女2.jpg" alt="">
                            <span><a href="javascript: void (0)">ins抱枕床头靠垫靠枕</a></span>
                        </td>
                        <td class="no-see">
                            <!-- <p><del>156.00</del></p> -->
                            <p>灰</p>
                        </td>
                        <td class="no-see">
                            <p>长 150mm</p>
                            <p>宽 40mm</p>
                            <!-- <p class="discount"><span> &nbsp;6.6折&nbsp; </span></p> -->
                        </td>
                        <td>
                            <input type="number" value="1">
                        </td>
                        <td>
                            <p><strong>32.00</strong></p>
                        </td>
                        <td>
                            <a class="close-bg" href="javascript: void (0)">&times;</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                            <img src="../image/女3.jpg" alt="">
                            <span><a href="javascript: void (0)">套头高领毛衣女2019新款时尚复古慵懒风毛衣</a></span>
                        </td>
                        <td class="no-see">
                            <!-- <p><del>156.00</del></p> -->
                            <p>灰</p>
                        </td>
                        <td class="no-see">
                            <p>均码</p>
                            <!-- <p class="discount"><span> &nbsp;6.6折&nbsp; </span></p> -->
                        </td>
                        <td>
                            <input type="number" value="1">
                        </td>
                        <td>
                            <p><strong>32.00</strong></p>
                        </td>
                        <td>
                            <a class="close-bg" href="javascript: void (0)">&times;</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                            <img src="../image/女4.jpg" alt="">
                            <span><a href="javascript: void (0)">ins抱枕床头靠垫靠枕</a></span>
                        </td>
                        <td class="no-see">
                            <!-- <p><del>156.00</del></p> -->
                            <p>灰</p>
                        </td>
                        <td class="no-see">
                            <p>长 150mm</p>
                            <p>宽 40mm</p>
                            <!-- <p class="discount"><span> &nbsp;6.6折&nbsp; </span></p> -->
                        </td>
                        <td>
                            <input type="number" value="1">
                        </td>
                        <td>
                            <p><strong>32.00</strong></p>
                        </td>
                        <td>
                            <a class="close-bg" href="javascript: void (0)">&times;</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                            <img src="../image/女装图1.jpg" alt="">
                            <span><a href="javascript: void (0)">ins抱枕床头靠垫靠枕</a></span>
                        </td>
                        <td class="no-see">
                            <!-- <p><del>156.00</del></p> -->
                            <p>灰</p>
                        </td>
                        <td class="no-see">
                            <p>长 150mm</p>
                            <p>宽 40mm</p>
                            <!-- <p class="discount"><span> &nbsp;6.6折&nbsp; </span></p> -->
                        </td>
                        <td>
                            <input type="number" value="1">
                        </td>
                        <td>
                            <p><strong>32.00</strong></p>
                        </td>
                        <td>
                            <a class="close-bg" href="javascript: void (0)">&times;</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                            <img src="../image/女装图2.jpg" alt="">
                            <span><a href="javascript: void (0)">ins抱枕床头靠垫靠枕</a></span>
                        </td>
                        <td class="no-see">
                            <!-- <p><del>156.00</del></p> -->
                            <p>灰</p>
                        </td>
                        <td class="no-see">
                            <p>长 150mm</p>
                            <p>宽 40mm</p>
                            <!-- <p class="discount"><span> &nbsp;6.6折&nbsp; </span></p> -->
                        </td>
                        <td>
                            <input type="number" value="1">
                        </td>
                        <td>
                            <p><strong>32.00</strong></p>
                        </td>
                        <td>
                            <a class="close-bg" href="javascript: void (0)">&times;</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                            <img src="../image/女装图3.jpg" alt="">
                            <span><a href="javascript: void (0)">ins抱枕床头靠垫靠枕</a></span>
                        </td>
                        <td class="no-see">
                            <!-- <p><del>156.00</del></p> -->
                            <p>灰</p>
                        </td>
                        <td class="no-see">
                            <p>长 150mm</p>
                            <p>宽 40mm</p>
                            <!-- <p class="discount"><span> &nbsp;6.6折&nbsp; </span></p> -->
                        </td>
                        <td>
                            <input type="number" value="1">
                        </td>
                        <td>
                            <p><strong>32.00</strong></p>
                        </td>
                        <td>
                            <a class="close-bg" href="javascript: void (0)">&times;</a>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="carts-b clearfix">
                <div class="clearfix">
                    <div class="chose-pro">
                        <p class="leftBar">
                            <input type="checkbox">全选
                        </p>
                        <p class="leftBar">
                            <input type="checkbox">清楚全部
                        </p>
                    </div>
                    <p class="rightBar">
                        商品总价(不含运费)：
                        <strong>￥32.00</strong>
                    </p>
                </div>
                <div class="buy_box clearfix">
                    <button type="button" class="btn btn-default" id="btn1">返回购物</button>
                    <button class="btn btn-danger" id="btn2">结 算 </button>
                </div>
            </div>
        </div>
    </section>
<!--===========================================售后服务==============-->

<!--===========================================猜你喜欢==================================-->
<section class="likes">
    <div class="container">
        <ol class="package-title">
            <li class="on">根据浏览猜你喜欢</li>
        </ol>

        <ul class="good_package clearfix">
            <li>
                <a href="javascript: void (0)">
                    <img src="../image/童装图4.jpg" alt="">
                    <p>2019新 皮卡丘连体睡衣</p>
                </a>
                <p class="price"> ￥69.00<del>￥228.00</del></p>
            </li>
            <li>
                <a href="javascript: void (0)">
                    <img src="../image/女装图4.jpg" alt="">
                    <p>2019新 爬珠帘圣诞老人爬绳爬梯会爬树的电动</p>
                </a>
                <p class="price"> ￥69.00<del>￥228.00</del></p>
            </li>
            <li>
                <a href="javascript: void (0)">
                    <img src="../image/童装图1.jpg" alt="">
                    <p>童装少年棉服</p>
                </a>
                <p class="price"> ￥69.00<del>￥228.00</del></p>
            </li>
            <li>
                <a href="javascript: void (0)">
                    <img src="../image/童装图2.jpg" alt="">
                    <p>手工缝制休闲童装</p>
                </a>
                <p class="price"> ￥69.00<del>￥228.00</del></p>
            </li>
            <li>
                <a href="javascript: void (0)">
                    <img src="../image/童装图3.jpg "alt="">
                    <p>童装少年</p>
                </a>
                <p class="price"> ￥69.00<del>￥228.00</del></p>
            </li>

        </ul>
    </div>
</section>

<!--===========================================售后服务=============================-->
<!-- 底部导航栏 -->
<section class="sale-nav">
</div>
<div class="small-nav clearfix">
    <div class="container">
        <div class="small-nav-1 clearfix">
            <div class="small-nav-top col-md-9 col-sm-9">
                <ol class="col-md-2 col-sm-2">
                    <li><strong>购物指南</strong></li>
                    <li><a href="javascript: void (0)">账号自助服务</a></li>
                    <li><a href="javascript: void (0)">新用户注册</a></li>
                    <li><a href="javascript: void (0)">怎样下订单</a></li>
                    <li><a href="javascript: void (0)">注册常见问题</a></li>
                </ol>
                <ol class="col-md-2 col-sm-2">
                    <li><strong>支付方式</strong></li>
                    <li><a href="javascript: void (0)">支付方式</a></li>
                    <li><a href="javascript: void (0)">在线支付介绍</a></li>
                    <li><a href="javascript: void (0)">汇款单招领</a></li>
                </ol>
                <ol class="col-md-2 col-sm-2">
                    <li><strong>配送说明</strong></li>
                    <li><a href="javascript: void (0)">运费说明</a></li>
                    <li><a href="javascript: void (0)">配送方式</a></li>
                    <li><a href="javascript: void (0)">配送范围</a></li>
                </ol>
                <ol class="col-md-2 col-sm-2">
                    <li><strong>售后服务</strong></li>
                    <li><a href="javascript: void (0)">退换货流程</a></li>
                    <li><a href="javascript: void (0)">服务保障承诺</a></li>
                    <li><a href="javascript: void (0)">验货与签收</a></li>
                </ol>
                <ol class="col-md-2 col-sm-2">
                    <li><strong>常见问题</strong></li>
                    <li><a href="javascript: void (0)">账号密码问题</a></li>
                    <li><a href="javascript: void (0)">缺货登记</a></li>
                    <li><a href="javascript: void (0)">茶叶百科</a></li>
                </ol>
            </div>
            <div class="col-md-3 col-sm-3 service"><img src="../image/fot_tel.png" alt="服务热线"></div>
        </div>
        <div class="small_nav_bottom">
            <p class="about-heTEA">
                <a href="javascript: void (0)">关于衣二三</a>
                <a href="javascript: void (0)">帮助中心</a>
                <a href="javascript: void (0)">交易条款</a>
                <a href="javascript: void (0)">诚征英才</a>
                <a href="javascript: void (0)">联系我们</a>
            </p>
            <p class="links">
                <a class="defer" href="javascript: void (0)">友情链接</a>
                <a href="javascript: void (0)">服装</a>
                <a href="javascript: void (0)">化妆品</a>
                <a href="javascript: void (0)">家庭用品</a>
                <a href="javascript: void (0)">书籍</a>
                <a href="javascript: void (0)">数码产品</a>
                <a href="javascript: void (0)">村村通商城</a>
                <a href="javascript: void (0)">土地资源网</a>
                <a href="javascript: void (0)">在昆明</a>
            </p>
        </div>
    </div>
</div>
<!--===========================================版权区=============================-->
<div class="copyRight clearfix">
    <div class="container">
        <div class="leftBar">
            <p>Copyright &copy; 2009-2015 hecha.cn All Rights Reserved. 闽ICP证：闽10202223-1号</p>
            <p>福建衣二三网络科技有限公司 版权所有 并保留所有权利 禁止非法复制</p>
        </div>
        <div class="rightBar">
            <img src="../clothes_two_and_three/images/fot_tel" alt="">
            <img src="../clothes_two_and_three/images/fot_ico2.png" alt="">
        </div>
    </div>
</div>
</section>



    <script src="../scripts/jquery-1.11.1.min.js"></script>
    <script src="../scripts/bootstrap.min.js"></script>
    <script src="../scripts/main.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery-1.11.0.min.js"></script>


</body>
</html>